.hedimg {
  width: 90%;
  height: 510px;
  margin: 0 auto;
  margin-top: 5%;
  
  img {
    width: 100%;
    
    height: 410px;
    border-radius: 20px;
  }
}

// 宠物信息
.detacomen {
  width: 90%;
  height: 288px;
  margin: 0 auto;
  margin-top: -6%;
  position: relative;
  & > div {
    text-align: start;
    h3 {
      //  font-size: 36px;
      margin-top: 5px;
    }
    p {
      font-size: 24px;
      color: #666666;
      margin-top: -15px;
    }
  }
  .dataBox {
    width: 100%;
    height: 150px;
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

    font-size: 20px;

    li {
      width: 21%;
      height: 50px;
      //  border: 1px solid black;
      text-align: center;
      line-height: 50px;
      background-color: #ffecdd;
      color: #ffaa64;
      margin-left: 5px;
    }
    li:nth-child(2) {
      background-color: #ffbce4;
      color: #f535d8;
    }
    li:nth-child(3) {
      background-color: #fcc6c4;
      color: #c56e68;
    }
    li:nth-child(4) {
      background-color: #d9fcba;
      color: #81d28a;
    }
    li:nth-child(5) {
      background-color: #dcdcdc;
      color: #b58a6c;
    }
    li:nth-child(6) {
      background-color: #bdfac2;
      color: #52b760;
    }
    li:nth-child(7) {
      background-color: #afd6fb;
      color: #288df1;
    }
    li:nth-child(8) {
      background-color: #befdfa;
      color: #5fcdca;
    }
  }
  .dataiimg{
    width: 95px;
    height: 91px;
    position: absolute;
    top: 0%;
    left: 85%;
    img{
      width: 95px;
      height: 91px;
    }
  }
}

// 领养条件
.detaAdopt {
  width: 90%;
  margin: 0 auto;
  margin-top: 4%;
    & > div {
    text-align: start;
    margin-top: 4%;
    img {
      width: 26px;
      height: 25px;
    }
    span {
      font-size: 36px;
      margin-left: 2%;
    }
  }
  .datatext {
    width: 409px;
    height: 168px;
      p {
      margin: 0;
      padding: 0;
      color: #666666;
      font-size: 24px;
      margin-top: 10px;
    }
  }
  .datatexts {
    width: 95%;
    height: 74px;
    & > p {
      color: #666666;
      font-size: 24px;
    }
  }
}
.detaAdopts {
  width: 90%;
  margin: 0 auto;
  margin-top: 4%;
  & > div {
    text-align: start;
  }
  .see {
    img {
      width: 26px;
      height: 25px;
    }
    span {
      font-size: 36px;
      margin-left: 2%;
    }
  }
  .dataimgs {
    width: 100%;
    height: 202px;
    margin-top: 20px;
    font-size: 24px;
     img {
      width: 102px;
      height: 102px;
      border-radius: 25px;
  
    }
    span{
    margin-left: 15%;
    // margin-top: 20px;
    // line-height: 50px;
  
   
     }
     p{
       width: 100%;
       height: 15px;
       color:#666666;
  
     }
  }
}
.footBox{
  width: 70%;
  height: 60px;

  margin: auto;
  display: flex;
  justify-content: space-between;
   .imgse{
     margin-top: 15px;
    img{
       width: 63px;
       width: 53px;
     
     }
   }
   .fonnttetx{
     width: 212px;
     height: 60px;
     background-color:#fcb11f ;
     border-radius: 25px;
     span{
     color: wheat;
     line-height: 60px;
     font-size: 36px;
     }
   }
   .footimg{
     img{
       width: 44px;
       height: 55px;
     }
   }

}

